 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
 </head>
 <body>
     <!-- 头部部分  一个大盒子 装两个小盒子 -->
     <div class="header">
        <img src="./img/logo.png" alt="">
        <!-- 放语言 -->
        <div class="language">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li>13℃～28℃</li>
            </ul>
        </div>

        <!-- 导航条部分 -->
        <div class="nav">

            <ul>
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./xiaMenSurvey.html">厦门概述</a>
                </li>
                <li>
                    <a href="./tourMsg.html">旅游资讯</a>
                </li>
                <li>
                    <a href="./area.html">景区</a>
                </li>
                <li>
                    <a href="./line.html">线路</a>
                </li>
                <li>
                    <a href="#">美食</a>
                </li>
                <li>
                    <a href="#">酒店</a>
                </li>
                <li>
                    <a href="#">购物</a>
                </li>
                <li>
                    <a href="#">交通</a>
                </li>
                <li>
                    <a href="#">演出</a>
                </li>
                <li>
                    <a href="#">发现金门</a>
                </li>
            </ul>

            <!-- banner图部分 -->
            <div class="banner">
                <p>海上花园 诗意厦门</p>
            </div>
        </div>


    </div>

    <div class="continer">
     <!-- 版心的最上面部分 -->
     <div class="top1">
        <!-- 左 -->
        <div class="left">
            <h2>厦门旅游</h2>
            <ul>
                <li>节庆活动</li>
                <li>会议展览</li>
                <li>旅游攻略</li>
                <li>旅游贴士</li>
                <li>图片</li>
                <li>视频</li>
            </ul>
        </div>
        <!-- 中间 -->
        <div class="center"></div>
        <!-- 右边 -->
        <div class="right">
            <!--  -->
            <div class="news">
                <span class="news_left">最新资讯</span>
                <span class="news_right">
                    <a href="#">更多资讯></a>
                </span>
            </div>

            <ul>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
                <li>孟夏草木长 转角遇繁花</li>
            </ul>
        </div>
    </div>

    <!-- 版心第二部分 精品线路 海上看厦门等等 -->

    <div class="top2">
        <div class="top2Left">
            <div class="top">
                <span class="title">
                    精品线路
                </span>
                <span class="item">金砖雅游</span>
                <span class="item">夜游厦门</span>
                <span class="item">鼓浪屿世界经典遗产</span>
                <span class="item">自驾游</span>
                <span class="item">周边游</span>
                <span class="more">
                    <a href="#">其他路线></a>
                </span>
            </div>

            <div class="bottom">
                <div class="bottomLeft">
                    <div class="world">
                        <p class="title">
                            <em>01</em>
                            万国建筑世遗之旅
                        </p>
                        <p>荟萃了上千座中西合璧、 风格各异的中外建筑</p>
                    </div>
                    <img id="jt" src="./img/trip_arrow_down.png" alt="">
                    <div class="pic">
                    </div>
                </div>

                <div class="boittomRight">
                    <div class="item">

                        <img src="./img/hsd.jpeg" alt="">
                        <div class="itemRight">
                            <h3>
                                <em>02</em>
                                海上看厦门
                            </h3>
                            <p>鼓浪屿犹如一张美丽的画卷展现在眼前，美不胜收</p>

                        </div>
                    </div>
                    <div class="item">
                        <img src="./img/sjd.jpeg" alt="">
                        <div class="itemRight">
                            <h3>
                                <em>03</em>
                                赏经典华屋
                            </h3>
                            <p>设计博采中西文化之长，堪称中西合璧之经典</p>

                        </div>
                    </div>
                    <div class="item">
                        <img src="./img/36022f1a09174c25867be8d76af0ccdb.jpeg" alt="">
                        <div class="itemRight">
                            <h3>
                                <em>04</em>
                                街巷寻味、体旅研学
                            </h3>
                            <p>六大精品运动休闲旅游线路，带你玩转暖冬思明</p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第二天--- -->
        <div class="top2Right">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div>
    </div>   
    <!-- 版芯第三部分 -->
    <div class="top3">
        <h1 class="guide">旅游向导</h1>
    <div class="area">
        <div class="item">
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_news&q=3" target="_blank">
            <span>景区</span>
            <img src="./img/travel_guider_p001.jpeg" alt="">
            </a>
            <ul>
                <li>5A级景区</li>
                <li>4A级景区</li>
                <li>厦门新24景</li>
                <li>主题乐园</li>
                <li>文博科教</li>
                <li>遗产古迹</li>
            </ul>
        </div>
        <div class="item">
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_line&q=4" target="_blank">
            <span>线路</span>
            <img src="./img/travel_guider_p002.jpeg" alt="">
            </a>
            <ul>
                <li>金砖雅游</li>
                <li>自驾游</li>
                <li>夜游厦门</li>
                <li>周边游</li>
                <li>鼓浪屿世界经典遗产</li>
            </ul>
        </div>
        <div class="item">
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_news&q=5" target="_blank">
            <span>美食</span>
            <img src="./img/travel_guider_p003.jpeg" alt="">
            </a>
            <ul>
                <li>地道美食</li>
                <li>私房佳肴</li>
                <li>海鲜排挡</li>
                <li>午茶晚茶</li>
                <li>养生素菜</li>
            </ul>
        </div>
        <div class="item">
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_news&q=6" target="_blank">
            <span>酒店</span>
            <img src="./img/travel_guider_p004.jpeg" alt="">
            </a>
            <ul>
                <li>5星级酒店</li>
                <li>4星级酒店</li>
                <li>3星级酒店</li>
                <li>高级酒店</li>
            </ul>
        </div>
        <div class="item">
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_news&q=7" target="_blank">
            <span>购物</span>
            <img src="./img/travel_guider_p005.jpeg" alt="">
            </a>
            <ul>
                <li>时尚商圈</li>
                <li>特色街区</li>
                <li>地道伴手礼</li>
                <li>跨境海淘</li>
                <li>离境退税政策</li>
            </ul>
           
        </div>
    </div>
    </div>
    <!-- 版芯第四部分 -->
    <div class="top4">
        <h1 class="guide">热门推荐</h1>
        <ul class="pics">
            <li>
                <a href="http://visitxm.com/news/1529477924706.html" target="_blank">
                    <img src="./img/yl.jpeg" alt="#">
                    <span>厦门市园林植物园</span>
                </a>
            </li>
            <!-- <li>
                <a href="http://xm.visitxm.com/news/1529477224140.html" target="_blank">
                    <img src="./img/cyd5.jpeg" alt="#">
                    <span>厦门市园林植物园</span>
                </a>
            </li> -->
            <li>
                <a href="http://xm.visitxm.com/news/1529477224140.html" target="_blank">
                    <img src="./img/cyd5.jpeg" alt="#">
                    <span>成毅科技探索中心</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1529455645995.html" target="_blank">
                    <img src="./img/rygwqd.jpeg" alt="#">
                    <span>日月谷温泉度假村</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1529476601793.html" target="_blank">
                    <img src="./img/mhhd.jpeg" alt="#">
                    <span>梦幻海岸</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1530694863090.html" target="_blank">
                    <img src="./img/des_pic00012.jpeg" alt="#">
                    <span>云上厦门</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1529465511952.html" target="_blank">
                    <img src="./img/des_pic00006.jpeg" alt="#">
                    <span>胡里山炮台</span>
                </a>
            </li>
            <li>
                <a href="http://www.visitxm.com/news/1561015613873.html" target="_blank">
                    <img src="./img/21437ea9-2804-44de-99a6-d4e9e84ea13f.jpeg" alt="#">
                    <span>北辰山</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1561016899283.html" target="_blank">
                    <img src="./img/720e5bcb-6148-4c22-b4f7-d801190098d2.jpeg" alt="#">
                    <span>古龙酱文化园</span>
                </a>
            </li>
            <li>
                <a href="http://xm.visitxm.com/news/1529398742087.html" target="_blank">
                    <img src="./img/z3d.jpeg" alt="#">
                    <span>曾厝垵</span>
                </a>
            </li>


        </ul>
    </div>
    <!-- 版芯第五部分 -->
    <div class="top5">
        <h1 class="guide">游记攻略</h1>
        <p>
            独行或同游，聪明的人与你在一起
            <br>
            <a href="http://www.visitxm.com/websearch/product_search.do?tp=websearch_filt_news&q=11" target="_blank">MORE>></a>
        </p>
        <div class="box">
            <div class="circle">
                <a href="http://www.visitxm.com/news/1610508503612.html" target="_blank">
                    <img src="./img/strategy_p36.jpeg">
                    <div class="world">
                        文艺  <br>
                        打卡胜地
                        <div class="coord">厦门</div>
                    </div>
                </a>
            </div>
            <div class="circle">
                <a href="http://www.visitxm.com/news/1610440412352.html" target="_blank">
                    <img src="./img/strategy_p12.jpeg">
                    <div class="world">
                        超梦幻夜景，美醉了！<br><br>
                        <div class="coord">厦门</div>
                    </div>
                </a>
            </div>
            <div class="circle">
                <a href="http://www.visitxm.com/news/1610518597766.html" target="_blank">
                    <img src="./img/strategy_p37.jpeg">
                    <div class="world">
                        "藏猫于岛"  <br>
                        "画饼充饥"
                        <div class="coord">厦门</div>
                    </div>
                </a>
            </div>
            <div class="circle">
                <a href="http://www.visitxm.com/news/1608257111719.html" target="_blank">
                    <img src="./img/strategy_p38.jpeg">
                    <div class="world">
                        遇见了"生态之美"<br><br>
                        <div class="coord">厦门</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <!-- 上半部分 -->
        <div class="footertop">
            <div class="left">
                <div class="l">
                    <h1>厦门旅游网</h1>
                    <p>厦门市文化和旅游局</p>
                    <p>文旅宣传推广官方网站</p>
                    <p>全国十佳旅游目的地网站</p> 
                </div>
                <div class="r">
                    <img src="./img/qrcode.jpeg" alt="#">
                    <p>更多精彩内容请关注</p>
                    <p>厦门市文旅局官方微信</p>
                </div>
            </div>
            <div class="center">
                 <h3>WWW.VISITXM.COM</h3>
                 <ul>
                    <li>厦门概况</li>
                    <li>景区 线路 美食 酒店 购物 交通</li>
                    <li>会议展览</li>
                    <li>旅游资讯</li>
                    <li>全域推广联盟</li>
                    <li>节庆活动</li>
                    <li>旅游线路</li>
                    <li>发现金门</li>
                    <li>旅游攻略</li>
                    <li>图片 视频</li>
                    <li>旅游贴士</li>
                    <li>厦门市文旅局官方微博</li>
                 </ul>
            </div>
            <div class="right">
                <h3>联系我们</h3>
                 <img src="./img/lenovo20230311085254.png" >
            </div>
        </div>
        <!-- 下边的部分 -->
        <p class="footerbottom">
            <span>闽ICP备06013218号-2,</span>
            Copyright © 2021 All Right Reserved,
            <span>visitxm.com</span>
        </p> 
    </div>
 </body>
 </html>